<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>『帐号』-注册</title>
    <link rel="icon" href="../../static/img/ico/title.png">
    <link rel="stylesheet" href="../../dist/css/register.css">
    <script src="../../static/libs/js/jQuery.js"></script>
</head>

<body>
    <header>
        <div class="top">
            <a href="./index.html">返回首页</a>
            <a href="./login.html"> 前往登录</a>
        </div>
    </header>

    <main>

        <div class="main_reg">
            <form action="javascript:void(0)">
                <h1>注册账号</h1>
                <div class="select">
                    <span>国家/地区</span>
                    <span>|</span>
                    <span>中国</span>
                    <span>▼</span>
                </div>
                <p class="ps">成功注册后国家地区不可更改</p>

                <div class="check">
                    <input type="text" placeholder="请输入昵称" id="username" name="myinput">
                    <p class="alert" id="alert" data-default="6～16个字符,可使用含特殊符号">6～16个字符,可使用含特殊符号</p>
                </div>
                <div class="number">
                    <input type="text" placeholder="请输入用户名" id="number" name="myinput">
                    <p class="alert1" id="alert" data-default="6～16个字符，可使用字母、数字、下划线，需要以字母开头">
                        6～16个字符，可使用字母、数字、下划线，需要以字母开头
                    </p>

                </div>
                <div class="passworld">
                    <input type="password" placeholder="请输入密码" id="password" name="myinput">
                    <p class="alert1" id="alert" data-default="密码由6-16位数子、字母或符号组成、至少包含两种字符">密码由6-16位数子、字母或符号组成、至少包含两种字符
                    </p>

                </div>
                <div class="passworld">
                    <input type="password" placeholder="请确认密码" id="confirm" name="myinput">
                    <p class="alert1" id="alert" data-default="请确认密码">请确认密码</p>

                </div>
                <!-- <p class="ps">密码由6-16位数子、字母或符号组成、至少包含两种字符</p> -->
                <div class="checkbox">
                    <input type="checkbox" id="checkbox">
                    <span>阅读并同意<a
                            href="https://muc.heytap.com/document/heytap/registration/register_zh-CN.html?language=zh-CN&callback=https%3A%2F%2Fwww.heytap.com%2Fcn%2Fweb%2F%3Futm_source%3Dbaidu%26utm_medium%3Dpcppzq%26utm_campaign%3Dpcppzq0050%26utm_term%3Dhuantai_heytap">《账号使用协议》</a>
                        & <a
                            href="https://muc.heytap.com/document/heytap/privacyPolicy/privacyPolicy_zh-CN.html?language=zh-CN&callback=https%3A%2F%2Fwww.heytap.com%2Fcn%2Fweb%2F%3Futm_source%3Dbaidu%26utm_medium%3Dpcppzq%26utm_campaign%3Dpcppzq0050%26utm_term%3Dhuantai_heytap">《隐私政策》</a></span>
                </div>

                <div class="reg">

                    <button id="submit">注册</button>

                </div>
            </form>

        </div>
    </main>


    <script src="../../dist/js/register.js"></script>

</body>

</html>